﻿.media { }
.media textarea.k-textbox { width: 480px; height: 80px; line-height: 1.8; }
.media .k-textbox { width: 480px; height: 35px; line-height: 35px; }

.media .items { float: left; margin: 0 15px; width: 320px; border: solid 1px #DADADA; border-radius: 5px; }
.media .items .wrap { padding: 10px; position: relative; }
.media .items .tool { display: none; }
.media .items .big { position: relative; }
.media .items .big .wrap { height: 160px; }
.media .items .big h1 { width: 290px; height: 20px; line-height: 20px; padding: 0 5px; font-size: 14px; font-weight: normal; text-align: left; position: absolute; bottom: 10px; color: #fff; background: #808080; }
.media .items .big .img { height: 160px; line-height: 160px; text-align: center; font-size: 18px; color: #C0C0C0; background: #ECECEC; }
.media .items .big .img img { width: 100%; height: 100%; }
.media .items .big .tool { width: 100%; height: 180px; line-height: 180px; text-align: center; position: absolute; right: 0; top: 0; background: rgba(229,229,229,0.85) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d9e5e5e5',endcolorstr = '#d9e5e5e5'); }
.media .items .big .tool a { padding: 0 10px; font-size: 16px; cursor: pointer; color: #a7a7a7; }
.media .items .small { height: 100px; border-top: solid 1px #DADADA; position: relative; }
.media .items .small .wrap { height: 80px; }
.media .items .small h1 { width: 220px; height: 20px; line-height: 20px; font-size: 14px; font-weight: normal; text-align: left; position: absolute; left: 10px; top: 10px; }
.media .items .small .img { width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 16px; color: #C0C0C0; background: #ECECEC; position: absolute; right: 10px; top: 10px; }
.media .items .small .img img { width: 100%; height: 100%; }
.media .items .small .tool { width: 100%; height: 100px; line-height: 100px; text-align: center; position: absolute; right: 0; top: 0; background: rgba(229,229,229,0.85) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d9e5e5e5',endcolorstr = '#d9e5e5e5'); }
.media .items .small .tool a { padding: 0 10px; font-size: 16px; cursor: pointer; color: #a7a7a7; }
.media .items .add { height: 100px; border-top: solid 1px #DADADA; }
.media .items .add a { display: block; width: 80%; height: 80px; line-height: 80px; margin: 10px auto 0 auto; text-align: center; border: dotted 2px #DADADA; border-radius: 5px; font-size: 16px; cursor: pointer; color: #a7a7a7; }

.media .edit { height: 852px; position: inherit; float: left; margin-top: 1px; }
.media .edit .container { width: 100%; height: 100%; position: relative; }
.media .edit .arrow { width: 13px; height: 24px; background: url(Image/Arrow.png); position: absolute; top: 30px; left: 0; z-index: 2; }
.media .edit .content { overflow: hidden; width: 680px; height: 990px; padding: 10px 0; border: solid 1px #DADADA; border-radius: 5px; background: #f8f8f8; position: absolute; top: 0; left: 11px; z-index: 1; }
.media .edit .content ul { padding: 10px 30px; }
.media .edit .content li { padding-bottom: 15px; }
.media .edit .content b { color: red; padding: 0 7px; }
.media .edit .content i { display: none; color: red; padding: 0 7px; }
.media .edit .content .label { font-size: 14px; color: #808080; }
.media .edit .content .label label { color: #000; }
.media .edit .content img { width: 360px; height: 200px; }

.editbox { margin: 10px 30px; border: solid 1px #DADADA; }
.editbox ul { height: 31px; line-height: 31px; border-bottom: solid 1px #DADADA; }
.editbox ul li { float: left; padding: 0 20px; cursor: pointer; }
.editbox ul li.selected { background-color: #D3D3D3; }
.editbox .btn { padding: 0 15px 10px 15px; }
.editbox .panel { display: none; height: 320px; padding: 10px; overflow: auto; }
.editbox .panel.selected { display: block; }
.editbox .panel span { display: inline-block; margin-left: 15px; padding: 10px; font-weight: bold; border: solid 1px #DADADA; }
.editbox textarea { width: 100%; height: 100%; border: none; overflow: hidden; }
.tip { padding: 10px 30px; font-size: 14px; color: #000; }
